.text {

    &-primary {
        font-size: 5rem;
        font-weight: bold;
        padding: 10rem 0;
    }

    &-secondary {
        font-size: 1.7rem;
        color: #ccc;
    }

    &-primarycolor {
        background-image: linear-gradient(to right, #2BC0E4, #EAECC6);
        -webkit-background-clip: text;
        background-clip: text;
        color: transparent;
        text-shadow: .2rem .2rem rgb(204, 204, 204, .3);
    }
}

.text-footer {

    &-primary {
        font-size: 3rem;
        font-weight: bold;
        line-height: 3;
    }

    &-secondary {
        font-size: 1.5rem;
        color: #333;
        text-indent: 1rem;
        line-height: 3;
    }
}